<template style="height: 100%;width: 100%">
    <div class="con">
      <div class="top-box">
        <van-nav-bar    border:false>
          <van-icon name="cross" slot="left" color="#ccc" size="34px" @click="onClickLeft" />
        </van-nav-bar>
      </div>
      <div class="img-box">
        <van-row type="flex"  justify="center">
          <van-col span="12" class="img-con">
            <img  src="" alt="">
          </van-col>
        </van-row>
        <div >
          <h2>创造者才是真正的享受者</h2>
          <p>杰罗.福克斯</p>
        </div>
      </div>
      <div class="foot-box">
        <div>
          <router-link class="foot-btn1 btn" to="" tag="div">选择现有</router-link>
          <router-link class="foot-btn2 btn" to="" tag="div">全新创建</router-link>
        </div>
      </div>
    </div>
</template>
<script>
  export default {
    name:'releasetra',
    data(){
      return{

      }
    },
    methods:{
      onClickLeft(){
        this.$router.go(-1)
      }
    }
  }
</script>
<style scoped>
  .con{
    display: flex;flex-direction: column;height: 100%;}
  .top-box{
  height: 46px;flex: 1;
}
  .img-box{height: 100%;display: flex;
    flex-direction: column;justify-content: center;align-self:center;text-align: center}

  .img-con{width: 100px;height: 100px;border-radius: 50%;overflow: hidden;border: 1px solid #F5F5F6;margin-bottom: 20px;  box-sizing: border-box}
  .foot-box{display: flex;padding-bottom: 37px; flex-direction: column;justify-content: center;align-self:center;}
  .foot-btn1{
    background: #FFDD00 ; margin-bottom: 10px;
  }

  .foot-btn2{
    background: #EEEEEE ;
  }
  .btn{
    height: 40px;width:200px;font-size: 14px;line-height: 40px;text-align: center;
  }
</style>
